/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-indicator {
    &--progress {
        position: var(--pure-indicator-position, absolute);
        width: var(--pure-progress-width, 100%);
        height: var(--pure-progress-height, 3px);
        border-radius: var(--pure-progress-radius);
        overflow: hidden;
        background: var(--pure-progress-color, rgba(0, 0, 0, 0.3));
        position: var(--pure-progress-position, absolute);
        bottom: var(--pure-progress-bottom, 0);
        left: var(--pure-progress-left, 0);
        z-index: var(--pure-progress-z-index, 10);
        padding: var(--pure-progress-padding);
        transform: var(--pure-progress-transform);
    }

    &__progress {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: var(--pure-indicator-active-color, var(--pure-theme-primary));
        transition: var(--pure-indicator-transition, 0.5s);
        border-radius: inherit;
        width: var(--pure-indicator-progress-width);
    }

    &--static {
        position: var(--pure-indicator-position, relative);
        margin: var(--pure-indicator-margin, 0 auto);
        transform: var(--pure-indicator-transform);
        left: var(--pure-indicator-left);
        bottom: var(--pure-indicator-bottom);
        z-index: var(--pure-indicator-z-index);
    }
}
